<template>
<div id="home">
  <home-swiper :banners="banners" class="h-swiper"/>
  <home-main class="h-main"/>
</div>
</template>

<script>
import HomeSwiper from './childComps/HomeSwiper'
import HomeMain from './childComps/HomeMain'

import bn1 from 'assets/img/banner/banner.jpg'
import bn2 from 'assets/img/banner/banner_1.jpg'
import bn3 from 'assets/img/banner/banner_2.jpg'

const banners = [
  {
    img: bn1,
    ling: ''
  },
  {
    img: bn2,
    ling: ''
  },
  {
    img: bn3,
    ling: ''
  }]


export default{
  name: 'Home',
  components: {
    HomeSwiper,
    HomeMain
  },
  data () {
    return {
      banners
    }
  }
}
</script>

<style scoped>
.h-swiper{
  margin-top: 15px;
  position: relative;
}
.h-main{
  margin-top: 15px;
}
</style>
